---
id: 64a5529c02815a7d323aab88
title: Блокова модель. Запитання A
challengeType: 15
dashedName: the-box-model-question-a
---

# --description--

Для фронтенду важливо вміти оглядати та налагоджувати HTML й CSS. У цьому уроці ми пройдемось по інструментах веброзробника Chrome, які дозволяють отримати детальну інформацію про елементи та правила CSS, а також допомагають зі знаходженням та налагодженням помилок у коді.

Щоб відкрити інспектора, натисніть правою кнопкою миші на будь-якому елементі вебсторінки та оберіть «Перевірити» або натисніть F12. Зробіть так прямо зараз, щоб дізнатись застосовані до цієї сторінки HTML та CSS.

Не лякайтесь всіх побачених інструментів! У цьому уроці ми фокусуватимемось на панелях елементів та стилів.

# --assignment--

Розгляньте інструменти веброзробника Chrome та дізнайтесь, чи зможете відповісти на запитання.

# --question--

## --text--

На яких панелях в інструментах веброзробника Chrome варто фокусуватись при огляді та налагодженні HTML й CSS?

## --answers--

Консоль та мережа

---

Елементи та стилі

---

Джерела та додаток

---

Ефективність та пам’ять


## --video-solution--

2
